<slider id="left_menu">
    <ul class="list-group">
        <li class="list-group-item">
            <a href="#">
                <span class="glyphicon glyphicon-folder-close"></span>附近麻将机店管理
            </a>
            <ul class="list-group">
                <li class="list-group-item ">
                    <a href="{:U('NearbyShop/goods')}" target="mainFrame">
                        <span class="glyphicon glyphicon-print"></span>商品列表
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</slider> 


<script language="javascript">
$(function(){
    $('#left_menu>ul>li>a').click(function(){
        if($(this).hasClass('opened')){
            $(this).removeClass('opened');
            $(this).next('.list-group').slideUp('fast');
        }else{
            $('#left_menu>ul>li>a.opened').removeClass('opened');
            $(this).addClass('opened');
            $('#left_menu li ul').slideUp('fast');
            $(this).next('.list-group').slideDown('fast');
        }
        return false;
    });
    $('#left_menu li ul li a').click(function(){
        if(!$(this).hasClass('opened')){
            $('#left_menu li ul li a.opened').removeClass('opened');
            $(this).addClass('opened');
        }
    }); 
    $('#left_menu .list-group a').click(function(){
        var html = '<li class="active">'+$(this).html()+'</li>';
        if($(this).parents('.list-group').prev('a').length>0){
            html = '<li>'+$(this).parents('.list-group').prev('a').html()+'</li>'+html;
        }
        $('#breadcrumb').html(html);
    }); 
});
</script>